<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title>产品查询-----可购买产品查询</title>
  <link rel="stylesheet" href="../../assets/css/layui.css" />
  <link rel="stylesheet" href="../../assets/css/main.css" />
  <script src="../../assets/js/jquery-1.11.1.min.js"></script>
  <script src="../../assets/js/layui.js"></script>
  <script src="../../assets/js/vue.min.js"></script>
</head>

<body>
  <div id="app">
    <div class="layui-card tableCard">
      <div class="title-header">查询条件</div>
      <div class="layui-form  form-box">
        <div class="layui-row">
          <div class="layui-col-sm3 form-label-right">投资者类型：</div>
          <div class="layui-col-sm3">
            <div class="layui-input-inline">
              <select id="u1_input">
                <option selected="selected" value="0">请选择</option>
                <option value="机构类">机构</option>
                <option value="个人类">个人</option>
              </select>
            </div>
          </div>
          <div class="layui-col-sm2  form-label-right">产品期限：</div>
          <div class="layui-col-sm3">
            <div class="layui-input-inline">
              <select id="u2_input">
                <option selected="selected" value="0">请选择</option>
                <option value="1">3个月内</option>
                <option value="2">3～6个月</option>
                <option value="3">6～9个月</option>
                <option value="4">9～12个月</option>
                <option value="5">12个月以上</option>
              </select>
            </div>
          </div>
        </div>
        <div class="layui-row mt-15">
          <div class="layui-col-sm3 form-label-right">产品状态：</div>
          <div class="layui-col-sm3">
            <div class="layui-input-inline">
              <select id="u3_input">
                <option selected="selected" value="0">请选择</option>
                <option value="在售">在售</option>
              </select>
            </div>
          </div>
          <div class="layui-col-sm2  form-label-right">产品起点：</div>
          <div class="layui-col-sm3">
            <div class="layui-input-inline">
              <select id="u4_input">
                <option selected="selected" value="0">请选择</option>
                <option value="5万">5万</option>
                <option value="10万">10万</option>
                <option value="50万">50万</option>
                <option value="100万">100万</option>
                <option value="1万">其他</option>
              </select>
            </div>
          </div>
        </div>
        <div class="layui-row mt-15">
          <div class="layui-col-sm3">&nbsp;</div>
          <div class="layui-col-sm3">
            <button class="layui-btn layui-btn-normal  layui-btn-sm" data-type="reload" @click="searchBtn">查询</button>
          </div>
        </div>
      </div>
      <div class="title-header">理财产品列表</div>
      <table cellspacing="0" cellpadding="0" border="0" class="layui-table editTable">
        <tr>
          <thead>
            <tr>
              <th>ID</th>
              <th>基本信息</th>
              <th width="100">产品起点</th>
              <th>投资期限</th>
              <th>产品募集期</th>
              <th>产品成立日</th>
              <th>产品到期日</th>
              <th>产品状态</th>
              <th>预期年化/七日</th>
              <th>投资者类型</th>
              <th>操作</th>
            </tr>
          </thead>
        </tr>
        <tr v-for="(item,index) in ArrData" :key="index" v-if="ArrData.length!=0">
          <td>{{item.id}}</td>
          <td>{{item.field1}}</td>
          <td>{{item.field2}}</td>
          <td>{{item.field3}}</td>
          <td>{{item.field4}}</td>
          <td>{{item.field5}}</td>
          <td>{{item.field6}}</td>
          <td>{{item.field7}}</td>
          <td>{{item.field8}}</td>
          <td>{{item.field9}}</td>
          <td>
            <a :href="'产品说明书' + item.id +'.pdf'" target="_blank" class="layui-blue" lay-event="detail">查看产品说明书</a>
          </td>
        </tr>
        <tr v-if="ArrData.length==0">
          <td colspan="11" class="pt-20 pb-20">暂无数据</td>
        </tr>
      </table>
    </div>
  </div>
</body>

</html>
<script src="../../assets/js/modules/CPCX/KGMCPCX.js"></script>